<template>
<<<<<<< HEAD
  <div class="home">
    <Spike />
    <Panking />
    <Me />
    <Mind />
    <Digital />
    <Life />
    <Fresh />
    <Optimal />
    <Made />
    <Fashion />
    <Cool />
    <Enjoy />
    <Firm />
    <Joy />
    <Feature />
    <Live />
    <Shopping />  
    <time />
  </div>
</template>

<script>
import Spike from "./Spike/Spike"
import Panking from "./Panking/Panking"
import Me from "./Me/Me"
import Mind from "./Mind/Mind"
import Digital from "./Digital/Digital"
import Life from "./Life/Life"
import Fresh from "./Fresh/Fresh"
import Optimal from "./Optimal/Optimal"
import Made from "./Made/Made"
import Fashion from "./Fashion/Fashion"
import Cool from "./Cool/Cool"
import Enjoy from "./Enjoy/Enjoy"
import Firm from "./Firm/Firm"
import Joy from "./Joy/Joy"
import Feature from "./Feature/Feature"
import Live from "./Live/Live"
import Shopping from "./Shopping/Shopping"
import time from "./time"
export default {
  name: 'home',
  components: {
    Spike,
    Panking,
    Me,
    Mind,
    Digital,
    Life,
    Fresh,
    Optimal,
    Made,
    Fashion,
    Cool,
    Enjoy,
    Firm,
    Joy,
    Feature,
    Live,
    Shopping,
    time
=======
    <div class="home">
        <TopNav />
        <FooterNav />
    </div>
</template>

<script>
import TopNav from '../../components/TopNav'
import FooterNav from '../../components/FooterNav'

export default {
  name: 'home',
  components: {
    TopNav,
    FooterNav
>>>>>>> 0e571e76c346757b352124795daaad5e9a0653a3
  },
  mounted(){

  }
}
</script>
<<<<<<< HEAD
<style>
*{
  padding: 0;
  margin: 0;
  text-align: center;
}
.home{
  width:100%;
  overflow: hidden;
  background-color:#f0f3ef;
}

=======
<style lang="less" scoped>
.home{
    width: 100%;
    background-color: #f0f3ef;
}
>>>>>>> 0e571e76c346757b352124795daaad5e9a0653a3
</style>

